<template>
  <div class="box">
      <div class="tou">
          商品详情
      </div>
      <div class="guige">
          <span>规格</span>
          <span>1份</span>
      </div>
      <img src="@/assets/baopin/changye.jpg" alt="">
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    .box{
        height: 5.6rem;
        background: white;
        margin-bottom: 1rem;
    }
    .tou{
        font-size:.14rem;
        font-weight: 600;
        padding-top: .15rem;
        margin: 0 0 .1rem .1rem;
    }
    .guige{
        margin-left: .1rem;
        font-size: .14rem;
    }
    .guige span:nth-child(1){
        display: inline-block;
        padding-left:.1rem ;
        width: .6rem;
        background: rgba(128, 128, 128, 0.575);
    }
    .guige span:nth-child(2){
        display: inline-block;
        padding-left:.1rem ;
        width: 2.7rem;
        background: rgba(128, 128, 128, 0.233);
    }
    .box img{
        margin-top: .2rem;
        width: 100%;
    }
</style>